<template>
    <div>
        订单管理

    </div>
    <Tables :tableData="tableData.data" :headers="tableData.headers" />
</template>

<script setup lang="ts">
import Tables from "@/components/Tables.vue";
import { ref } from "vue";
const tableData = ref({
    // 表格数据
    data: [
        {
            date: '2016-05-03',
            name: '王浩',
            address: '叶龙旁边',
        },
        {
            date: '2016-05-02',
            name: '余松',
            address: '凌启迪的后面',
        },
        {
            date: '2016-05-04',
            name: '陈子豪',
            address: '在xyy的左边',
        },
        {
            date: '2016-05-01',
            name: '李俊',
            address: '在夏德胜的前面',
        },
    ],
    // 表头数据
    headers: {
        date: "日期",
        name: "用户名",
        address: "地址",
        edit: "操作"
    }
    // headers: ["date","name","address"]
    // headers: [
    //     {title: "date",name: "日期"},
    //     {title: "name",name: "姓名"},
    //     {title: "address",name: "地址"}
    // ]
})
</script>

<style lang="scss" scoped></style>